<script setup>
defineOptions({
  name: "table-total"
})
const attrs = useAttrs()
const option = attrs.option
</script>

<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="显示汇总">
      <a-switch size="small" v-model="option.total.showTotal" />
    </a-form-item>
    <a-form-item label="显示小计">
      <a-switch size="small" v-model="option.total.showSubtotal" />
    </a-form-item>
    <a-form-item label="汇总文字" help="修改后，请重新关闭开启，才会生效">
      <a-input size="small" v-model="option.total.text" />
    </a-form-item>
    <a-form-item label="汇总高度">
      <xiri-form v-model="option.total.height" option="number" />
    </a-form-item>
    <a-form-item label="背景颜色">
      <xiri-form v-model="option.total.backgroundColor" option="color" />
    </a-form-item>
    <a-form-item label="字体颜色">
      <xiri-form v-model="option.total.color" option="color" />
    </a-form-item>
    <a-form-item label="字体大小">
      <xiri-form v-model="option.total.fontSize" option="number" />
    </a-form-item>
    <a-form-item label="字体粗细">
      <a-select v-model="option.total.fontWeight" size="small">
        <a-option label="正常" value="normal" />
        <a-option label="粗体" value="bold" />
        <a-option label="细体" value="lighter" />
      </a-select>
    </a-form-item>
  </a-form>
</template>

<style scoped lang="less"></style>
